<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title>作业作答</title>
    <div data-th-replace="layout/user/user-center-head"></div>
    <link th:href="@{{path}/front/web/v3/css/plugins/iCheck/custom.css?v={v}(path=${staticPath},v=${v})}" rel="stylesheet">
</head>
<body>
    <div class="u-bg" style="padding-top: 25px;">
        <div class="container pr" id="uCenterMain" style="height: 400px;">
            <section class="uCenter-box pa" id="uCenter-box" style="height: 100%;padding-bottom: 0;">
                <div class="exam_box pr">
                    <article class="exam-content home-content">
                        <header class="e-c-title pr" style="padding-bottom: 23px;">
                            <h1 th:text="${examRecord['name']}+'(共'+${examRecord['questionCount']}+'道试题)'"></h1>
                            <span class="c-666 fs18  hLh20">
                                <span class="c-danger fs18" id="template-name-box">试题类型</span>
                            </span>
                            <!-- 作答时间显示区 -->
                            <div class="countdown pa text-center">
                                <em class="exam-icon duration home-e-icon"></em>
                                <strong class="hLh20 c-info show mt5 fs20" id="timer"></strong>
                            </div>
                        </header>

                        <section class="ml20 pl10 home-questions homeTask-question__wrap">
                            <div class="u-my-course_box mr20">
                                <div class="carousel slide" id="carousel-professional">
                                    <!-- 试题内容 -->
                                    <div class="carousel-inner">
                                    </div>
                                </div>
                            </div>
                        </section>
                    </article>
                    <!-- 答题卡 -->
                    <article class="bar-menu">
                        <div class="row">
                            <section class="col-sm-6">
                                <a href="javascript:void(0);" id="scantron">
                                    <button class="btn btn-info btn-rounded btn-outline btn-padd btn-w-m">
                                        <i class="fa fa-th mr5"></i>答题卡
                                    </button>
                                </a>
                                <a href="#carousel-professional" class="ml10">
                                    <button class="btn btn-info btn-rounded prev-slide btn-padd btn-w-m" disabled>
                                        <i class="fa fa-chevron-circle-left mr5"></i>上一题
                                    </button>
                                </a>
                                <a href="#carousel-professional" class="ml10">
                                    <button  class="btn btn-info btn-rounded next-slide btn-padd btn-w-m" th:disabled="${examRecord['questionCount']}==1?true:false"> 下一题<i class="fa fa-chevron-circle-right ml5"></i></button>
                                </a>
                            </section>
                            <section th:if="${examRecord['status']} != 2" class="col-sm-6 text-right">
                                <a href="javascript:void(0);">
                                    <button class="btn btn-success btn-rounded btn-padd btn-w-m" id="saveDraft">
                                        <i class="fa fa-save mr5"></i>保存草稿
                                    </button>
                                </a>
                                <a href="javascript:void(0);" class="ml10">
                                    <button class="btn btn-success btn-rounded btn-padd btn-w-m" id="finish">
                                        <i class="fa fa-check-circle mr5"></i>提交作业
                                    </button>
                                </a>
                                <!--<a th:href="@{/web/uc/task/getClassesTaskList}" class="ml10">
                                    <button class="btn btn-success btn-rounded btn-padd btn-w-m">
                                        <i class="fa fa-mail-reply mr5"></i>取消作答
                                    </button>
                                </a>-->
                            </section>
                            <section th:if="${examRecord['status']}==2" class="col-sm-6 text-center">
                                <a th:href="@{/web/uc/task/getClassesTaskList}" class="ml10">
                                    <button class="btn btn-success btn-rounded btn-padd btn-w-m">
                                        <i class="fa fa-mail-reply mr5"></i>返回
                                    </button>
                                </a>
                            </section>
                        </div>
                    </article>
                    <!-- 作业答题卡 -->
                    <section class="scantron-box hide" id="task-card-list-box">

                    </section>
                </div>
            </section>
        </div>
    </div>
    <input type="hidden" id="examRecordId" th:value="${examRecord['id']}" />
    <input type="hidden" id="examId" th:value="${examRecord['examId']}" />
    <input type="hidden" id="mode" th:value="${examRecord['mode']}" />
    <input type="hidden" id="type" th:value="${examRecord['type']}" />
    <input type="hidden" id="examTime" th:value="${examRecord['examTime']}" />
    <input type="hidden" id="answerTime" th:value="${examRecord['submitTime']}" />
    <input type="hidden" id="status" th:value="${examRecord['status']}" />
    <input type="hidden" id="key" value=""/>
    <div data-th-replace="layout/user/user-common"></div>
    <script type="text/javascript" th:src="@{{path}/front/web/libs/plugins/iCheck/icheck.min.js?v={v}(v=${v},path=${staticPath})}"></script>
    <script type="text/javascript" th:src="@{{path}/front/web/business/exam/record/exam-get-answer.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/front/web/business/classes/task/start-task.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/front/web/business/classes/task/load-task-data.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>